﻿@{
    ViewBag.Title = "槽子电压电流曲线图";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section scripts{
    <script src="~/Areas/Pacm/ViewModels/Pacm.com.js"></script>
    <script src="~/Areas/Pacm/ViewModels/Pacm.viewModel.chart.js"></script>
    <script src="~/Content/js/Charts/FusionCharts.js"></script>
    <script type="text/javascript">
            var data = @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(Model));
            var viewModel = function(){ 
                Pacm.viewModel.chart.apply(this,arguments);
            };
            ko.bindingViewModel(new viewModel(data));
//            改变高度
            $(window).load(function () {
                //动态改变高度
                var iHeight = $(this).height() - 70; //80
                document.getElementById("chartdiv").style.height = iHeight + "px";
            });
            $(window).resize(function () {
                var iHeight = $(this).height() - 70;
                document.getElementById("chartdiv").style.height = iHeight + "px";
            });
    </script>
}
@*<div class="z-toolbar">
    <a id="a_refresh" href="#" plain="true" class="easyui-linkbutton" icon="icon-arrow_refresh"
        title="刷新" data-bind="click:refreshClick">刷新</a>
</div>*@
<div id="condition" class="container_12" style="border:11px; height: 34px; padding-top: 5px;">
    <div class="grid_1 lbl">电解槽号</div>
    <div class="grid_2 val"><input type="text" data-bind="numberspinnerValue:form.槽号"  class="z-txt easyui-numberspinner" data-options="min:1001,max:2168,increment:1"/></div>
    <div class="grid_1 lbl">查询日期</div>
    <div class="grid_2 val"><input type="text" data-bind="dateboxValue:form.日期" class="z-txt easyui-datebox"/></div>
    <div class="prefix_6">
        <a id="a_search" href="#" class="button button-blue" data-bind="click:searchClick">查询</a>
       @* <a id="a_reset" href="#" class="button button-blue" data-bind="click:clearClick">清空</a>*@
    </div>
</div>
 <div class="easyui-tabs"  data-options="fit:true,border:false">
    <div title = "曲线图"  align="center">
        <div id="chartdiv"></div>
    </div>
</div> 

